
import React from 'react';
import {
  ActivityIndicator,
  View,
  Text,
  StyleSheet,
} from 'react-native';
 
export default class LoadingMore extends React.Component {
  render() {
    return (
      <View style={styles.footer}>
        <ActivityIndicator size={20} color="#0000ff" />
        <Text style={styles.footerTitle}>正在加载更多……</Text>
      </View>
    )
  }
}
 
const styles = StyleSheet.create({
  footer: {
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
    height: 40,
    marginVertical: 10
  },
 
  footerTitle: {
    marginLeft: 10,
    fontSize: 15,
    color: 'gray'
  }
})
